<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--移动端头部-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--轮播图css样式插件-->
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<!--轮播图js插件-->
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<!--首页样式-->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!--rem插件-->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!--滑动插件-->
		<script src="js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="header-top">
				<img src="img/images/img000_01.png"/>
			</div>
			<div class="header-bottom">
				<div class="header-bottom-content">
					电器商城
					<div class="header-bottom-content-right">
						<span class="iconfont span-1">&#xe659;</span>
						<span class="iconfont">&#xe8c0;</span>
					</div>
				</div>
			</div>
		</header>
		<!--主体-->
		<main id="main">
			<div class="content">
				<!--轮播图-->
				<div class="swiper-container mybanner" id="mybanner">
					<ul class="swiper-wrapper">
						<li class="swiper-slide"><img src="img/img_02.jpg"/></li>
						<li class="swiper-slide"><img src="img/img_02.jpg"/></li>
					</ul>
					<!--小圆点-->
					<div class="swiper-pagination"></div>
					</div>
					<div class="content-nav">
						<dl class="dl-1">
							<dt><img src="img/img_05.jpg"/></dt>
							<dd>空调</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_07.jpg"/></dt>
							<dd>空调</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_09.jpg"/></dt>
							<dd>空调空</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_05.jpg"/></dt>
							<dd>空调空调空</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_11.jpg"/></dt>
							<dd>空调空调空</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_17.jpg"/></dt>
							<dd>空调空调</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_18.jpg"/></dt>
							<dd>空调空调空调</dd>
						</dl>
						<dl class="dl-1">
							<dt><img src="img/img_20.jpg"/></dt>
							<dd>空调空调</dd>
						</dl>
					</div>
					<div class="content-luntan">
						<img src="img/img_27.jpg"/>
						<img src="img/img_29.jpg"/>
						<img src="img/img_31.jpg"/>
					</div>
					<div class="content-huise">
						
					</div>
					<div class="content-weixiu">
						<img src="img/img_44.jpg"/>
						<img src="img/img_43.jpg"/>
						<img src="img/img_43.jpg"/>
						<img src="img/img_44.jpg"/>
					</div>
					<div class="content-tuwen">
						<dl>
							<dt><img src="img/img_48.jpg"/></dt>
							<dd>我是空调 我是空调我是空调 我是空调</dd>
							<dd class="content-tuwen-jiage">
								￥1999.00
								<img src="img/电器商城_03.jpg"/>
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_50.jpg"/></dt>
							<dd>我是空调 我是空调我是空调 我是空调</dd>
							<dd class="content-tuwen-jiage">
								￥1999.00
								<img src="img/电器商城_03.jpg"/>
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_52.jpg"/></dt>
							<dd>我是空调 我是空调我是空调 我是空调</dd>
							<dd class="content-tuwen-jiage">
								￥1999.00
								<img src="img/电器商城_03.jpg"/>
							</dd>
						</dl>
					</div>
					<div class="content-huise">
						
					</div>
					<div class="content-jingpin">
						精品单选
						<img src="img/电器商城_03.jpg"/>
					</div>
					<div class="content-liebiao">
						<dl>
							<dt><img src="img/img_55.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_57.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_55.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_57.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_55.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
						<dl>
							<dt><img src="img/img_57.jpg"/></dt>
							<dd class="dd-1"> 
								203升家用冰箱冰箱</dd>
							<dd class="dd-2"> 
								升家用203升家用冰箱冰箱</dd>
							<dd class="dd-3">
								￥1099.00
								<img src="img/电器商城_03.jpg" alt="" />
							</dd>
						</dl>
					</div>
			</div>
		</main>
		<!--尾部-->
		<footer>
			<dl class="footer-dl-1">
				<dt><span class="iconfont">&#xe659;</span></dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt><span class="iconfont">&#xe8ae;</span></dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt><span class="iconfont">&#xe8b6;</span></dt>
				<dd>首页首</dd>
			</dl>
			<dl>
				<dt><span class="iconfont">&#xe8b9;</span></dt>
				<dd>首页首页</dd>
			</dl>
		</footer>
	</body>
</html>
<script type="text/javascript">
//	滑动效果
	//清除浏览器默认touchmove
//清除浏览器默认touchmove事件addEventListener(事件名，回调函数，对象)
	document.addEventListener("touchmove",function(e){e.preventDefault();},{passive:false});
	new IScroll("#main",{});
//	轮播图效果
	new Swiper("#mybanner",{
		autoplay:2000,//自动轮播,单位ms(毫秒) 小圆点  3D效果    方向
		pagination:".swiper-pagination"
//		effect:"cube",
//		direction:"vertical"
	});
</script>
<!--<div class="swiper-container mybanner" id="mybanner">
	<ul class="swiper-wrapper">
		<li class="swiper-slide"><img src="img/20190917043621971.jpg"/></li>
		<li class="swiper-slide"><img src="img/20190917043621971.jpg"/></li>
	</ul>
	<div class="swiper-pagination"></div>
</div>-->